<script setup>
import icon1 from '@/assets/主页01-L.png'
import icon2 from '@/assets/对话.png'
import icon3 from '@/assets/社区.png'
import icon4 from '@/assets/我的.png'
import { ref } from 'vue';
import { useRouter } from 'vue-router';



const router = useRouter()

const active = ref(0)


</script>
<template>
    <van-tabbar :route="true" style="height: 0.7rem;" v-model="active" :placeholder="true" z-index="99999">
        <van-tabbar-item :icon="icon1" to="/home">主页</van-tabbar-item>
        <van-tabbar-item :icon="icon2" to="/dialog">对话</van-tabbar-item>
        <van-tabbar-item :icon="icon3" to="/community">社区</van-tabbar-item>
        <van-tabbar-item :icon="icon4" to="/my">我的</van-tabbar-item>
    </van-tabbar>
</template>


<style lang="scss" scoped>
.van-tabbar__placeholder {
    --van-tabbar-height: 0.7rem;
}
</style>